<html>
	<head>
		<link rel='stylesheet' type='text/css' href='estilos/estilo.css' />
		<title>Special Olympics</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<script src="scripts/validacionLogin.js"></script>
	</head>
	<body class='bodyIndex'>
		<div id='imgLogoCentrado'>
			<img src="resources/logoSOMadrid.gif"  id='imgLogo'/>
		</div>
		<div id='divIndex'>
			<form action="comprobar.php" name="formularioIndex" method="post" onsubmit='return validar()'>
				<table id='tablaLogin' >
					<tr>
						<td>
						<input type='text'  placeholder='Usuario' class='text' name='user' id='usuario'>
						</td>
					</tr>

					<tr>
						<td>
						<input type='password' placeholder='Contraseña' class='text' name='password' id='contraseña'>
						</td>
					</tr>
					<tr>
						<td>Recuérdame
						<input type='checkbox'>

						<button id='submit'>Log in</button>
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div id='divError'>
<?php
        if(isset($_GET['error'])){
          if($_GET['error']==1){
              echo "<div id='divError' class='error'>";
              echo "<b>Usuario y/o contraseña no válida.</b>";
              echo "</div>";
          }
          if($_GET['error']==2){
              echo "<div id='divError' class='error'>";
              echo "<b>Tienes que iniciar sesión primero.</b>";
              echo "</div>";

          }
        }

?>



        </div>
	</body>
</html>